import React from 'react';

import Generator, {
  defaultSettings,
  defaultCommonSettings,
  defaultGlobalSettings,
} from '../FormG/';
import styles from '@/pages/Editor/components/Desgin/index.less';

const defaultValue = {
  type: 'object',
  properties: {
    inputName: {
      title: '简单输入框',
      type: 'string',
    },
  },
};

const NewWidget = ({ value = 0, onChange }) => (
  // <img
  //   className={styles.abbreviateImg}
  //   src={'./textsimg5.png'}
  //   alt=""
  // />
  <p contentEditable={true}>asdfasdfasdfasdfasdfasdf</p>
);

const Demo = () => {
  return (
    <div style={{ height: '80vh' }}>
      <Generator

      // widgets={{ NewWidget }}
      // settings={[
      //   {
      //     title: '模板',
      //     widgets: [
      //       {
      //         text: '计数器',
      //         name: 'asyncSelect',
      //         schema: {
      //           title: '计数器',
      //           type: 'number',
      //           widget: 'NewWidget',
      //         },
      //         setting: {
      //           api: { title: 'api', type: 'string' },
      //         },
      //       },
      //       {
      //         text: '姓名',
      //         name: 'name',
      //         schema: {
      //           title: '输入框',
      //           type: 'string',
      //         },
      //         setting: {
      //           maxLength: { title: '最长字数', type: 'number' },
      //         },
      //       },
      //       {
      //         text: 'object',
      //         name: 'object',
      //         schema: {
      //           title: '对象',
      //           type: 'object',
      //           properties: {},
      //         },
      //         setting: {},
      //       },
      //       {
      //         text: 'array',
      //         name: 'array',
      //         schema: {
      //           title: '数组',
      //           type: 'array',
      //           items: {
      //             type: 'object',
      //             properties: {},
      //           },
      //         },
      //         setting: {},
      //       },
      //     ],
      //   },
      // ]}
      // commonSettings={{
      //   description: {
      //     title: '自定义共通用的入参',
      //     type: 'string',
      //   },
      // }}
      />
    </div>
  );
};

export default Demo;
